<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
	<head>
		<meta charset="utf-8">

		<link rel="stylesheet" href="/css/bootstrap.min.css">
		<link rel="stylesheet" href="/css/login.css" />
		<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<script src="/js/bootstrap.min.js"></script>

		<script>
			$(document).ready(function() {
				//打开会员登录
				$("#regist_container").hide();
				$("#_close").show();
				$("#_start").animate({
					left: '350px',
					height: '520px',
					width: '400px'
				}, 500, function() {
					$("#login_container").show(500);
				});
				//去 注册
				$("#toRegist").click(function(){
					$("#login_container").hide(500);
					$("#regist_container").show(500);
				});
				//去 登录
				$("#toLogin").click(function(){
					$("#regist_container").hide(500);
					$("#login_container").show(500);
				});
			});
		</script>
		<style>
			.popup {
				display: none;
				position: fixed;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-color: rgba(0, 0, 0, 0.5);
				z-index: 9999;
			}

			.popup_content {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				background-color: #fff;
				padding: 20px;
				border-radius: 5px;
				text-align: center;
			}

			.close_button {
				position: absolute;
				top: 10px;
				right: 10px;
				cursor: pointer;
			}


		</style>
	</head>

	<body background="/img/aa.jpg">

		<!-- 会员登录  -->
		<div id='_start'>
			<br />
			<!--登录框-->
			<div id="login_container">
				<div id="lab1">
					<span id="lab_login">用户登录</span><span style="color: red" th:text="${msg}"></span>
					<span id="lab_toRegist">
						&emsp;还没有账号&nbsp;
						<span id='toRegist' style="color: #EB9316;cursor: pointer;">立即注册</span>
					</span>
				</div>
				<div style="width:330px;">
					<span id="lab_type1">手机号/账号登陆</span>
				</div>
				<div id="form_container1">
					<form action="/user/check" method="post">
					<br/>
					<input type="text" name="id" class="form-control" placeholder="手机号/用户名" id="id" required/>
					<input type="password" name="pwd" class="form-control" placeholder="密码" id="pwd" required/>
					<input type="submit" value="登录" class="btn btn-success" id="login_btn" />
					<span id="rememberPwd">
						<span>
							<input id="remember" type="checkbox" style="margin-bottom: -1.5px;"/>
						</span>
					<span style="color:#000000">
							记住密码&emsp;&emsp;&emsp;
					</span>
					</span>
					</form>
					<span id="findPwd">
					<span style="color:#000000">
							忘记密码
					</span>
					</span>

				</div>

<!--				<div style="display:block;width:330px;height:40px;">-->
<!--					<span id="lab_type2">使用第三方直接登陆</span>-->
<!--				</div>-->
<!--				<div style="width:330px;height:100px;border-bottom: 1px solid #FFFFFF;">-->
<!--					<br />-->
<!--					<button id="login_QQ" type="button" class="btn btn-info">-->
<!--						<img src="img/qq32.png" style="width:20px;margin-top:-4px;" />&emsp;QQ登录-->
<!--					</button>-->
<!--					<button id="login_WB" type="button" class="btn btn-danger">-->
<!--						<img src="img/sina32.png" style="width:20px;margin-top:-4px;" />&emsp;微博登录-->
<!--					</button>-->
<!--				</div>-->
			</div>
			<!-- 会员注册 -->
			<div id='regist_container' style="display: none;">
				<div id="lab2">
					<span id="lab_regist">会员注册</span>
					<span id="lab_toLogin">
						&emsp;已有账号&nbsp;
						<span id='toLogin' style="color: #EB9316;cursor: pointer;">立即登录</span>
					</span>
				</div>
				<div id="form_container2" style="padding-top: 25px;">
					<form action="/user/req" method="post">
					<input type="text" class="form-control"  placeholder="学号" id="regist_userid" name="userid" required/>
					<input type="text" class="form-control" value="admin"  placeholder="用户名" id="regist_account" name="username" required/>
					<input type="password" class="form-control" placeholder="密码" id="regist_password1"  name="pwd1" required/>
					<input type="password" class="form-control" placeholder="确认密码" id="regist_password2" name="pwd2" required/>
					<input type="text" class="form-control" placeholder="手机号" id="regist_phone" name="phone" required/>
					<input type="text" class="form-control" placeholder="验证码" id="regist_vcode" name="vcade" required/>
					<input id="getVCode" type="button" class="btn btn-success" value="点击发送验证码" onclick="sendCode(this)" />

					<input type="submit" value="注册" class="btn btn-success" id="regist_btn" />
					</form>
				</div>
			</div>
		</div>

	</body>
	<script type="text/javascript">
		var clock = '';
		var nums = 30;
		var btn;
		function sendCode(thisBtn) {
			btn = thisBtn;
			btn.disabled = true; //将按钮置为不可点击
			btn.value = '重新获取（'+nums+'）';
			clock = setInterval(doLoop, 1000); //一秒执行一次
		}

		function doLoop() {
			nums--;
			if (nums > 0) {
				btn.value = '重新获取（'+nums+'）';
			} else {
				clearInterval(clock); //清除js定时器
				btn.disabled = false;
				btn.value = '点击发送验证码';
				nums = 10; //重置时间
			}
		}
	</script>
	<!-- 在login.html登录页面模板中添加以下代码 -->



</html>
